import React from 'react'
import { Carousel } from 'react-bootstrap'

const ProductCarousel = (props) => {
  return(
      <Carousel>
        <Carousel.Item>
          <img width={600} height={400} alt="600x400" src="/photo1.jpg"/>
          <Carousel.Caption>
            <h3></h3>
            <p></p>
          </Carousel.Caption>
        </Carousel.Item>
        <Carousel.Item>
          <img width={600} height={400} alt="600x400" src="/photo2.jpg"/>
          <Carousel.Caption>
            <h3></h3>
            <p></p>
          </Carousel.Caption>
        </Carousel.Item>
        <Carousel.Item>
          <img width={600} height={400} alt="600x400" src="/photo3.jpg"/>
          <Carousel.Caption>
            <h3></h3>
            <p></p>
          </Carousel.Caption>
        </Carousel.Item>
      </Carousel>
  )
}

export default ProductCarousel